/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{
	color: #333;
	min-width: 320px;
	font-size: 100%;
	
	
}
:selection{
	background: #b3d4fc;
	text-shadow: none;	
}

body,#zujian-m19 ul,#zujian-m19 h1,#zujian-m19 h2,#zujian-m19 h3,#zujian-m19 p,#zujian-m19 div,#zujian-m19 dl,#zujian-m19 dt,#zujian-m19 dd,#zujian-m19 figure,#zujian-m19 figcaption{
	margin: 0;
	padding: 0;
}
#zujian-m19 li{list-style: none;}
#zujian-m19 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#zujian-m19 img{ max-width: 100%; height: auto; transition: all .5s;}

#zujian-m19 .zujian-m19-clearfix:after,#zujian-m19 .zujian-m19-clearfix:before{
	content: '';
	display: table;
	  }
#zujian-m19 .zujian-m19-clearfix:after{
	clear: both;
	}


#zujian-m19 a{
	color: #666;
	text-decoration: none;
	transition: all .4s; 
}
#zujian-m19 a:active,a:hover{
	color: #D80808;
	text-decoration: none;
}


#zujian-m19 #owl-demo .zujian-m19-item img{
	width: 100%;
	 height: auto;
}
#zujian-m19 #owl-demo .zujian-m19-item{ position: relative; z-index: 10;}
#zujian-m19 .page-tit{ position: absolute; font-size: 2.5rem; text-shadow: 0 2px 6px rgba(0,0,0,.8); color: #fff; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);}

#zujian-m19 .owl-theme .owl-controls{ margin-top: -45px !important;}
#zujian-m19 .top{ position: relative;}

#zujian-m19 .columns-box{ padding: 2rem 0; text-align: center;}

#zujian-m19 .columns-box li{width: 25%;float: left;box-sizing: border-box; padding: 0 1.5rem;}
#zujian-m19 .columns-box h2{ font-size: 1.2rem;}
#zujian-m19 .columns-box li i.iconfont{ font-size: 3rem;}
#zujian-m19 .columns-box li p{ font-size: 0.875rem; padding-top: .3rem;}
#zujian-m19 .columns-box li a{ display: inline-block;}
#zujian-m19 .columns-box li a:active ,#zujian-m19 .columns-box li a:hover{color: #d80808;}


#zujian-m19 #owl-demo2 .zujian-m19-item{ position: relative; background: #D80808;text-align: center; font-size: 0; overflow: hidden;}
#zujian-m19 #owl-demo2 .zujian-m19-item img{ max-width: 100%; width: 100%; height: auto; transition: all 0.5s;}
#zujian-m19 #owl-demo2 .zujian-m19-item div.al-txt{ transition: all 0.5s; position: absolute; left: 50%; top: 50%; opacity:0;transform: translate(-50%,-50%); color: #D80808;}
#zujian-m19 #owl-demo2 .zujian-m19-item div.al-txt h3{ font-size: 1rem;font-weight: 400; }
#zujian-m19 #owl-demo2 .zujian-m19-item div.al-txt p{ font-size: 0.875rem;}
#zujian-m19 #owl-demo2 .zujian-m19-item:hover img,#zujian-m19 #owl-demo2 .zujian-m19-item:active img{ opacity: 0.3;transform: scale(1.2,1.2);}
#zujian-m19 #owl-demo2 .zujian-m19-item:hover div.al-txt,#zujian-m19 #owl-demo2 .zujian-m19-item:active div.al-txt{ opacity: 1; color: #fff;}

#zujian-m19 .case-list{font-size: 0; margin-top: 30px; padding-bottom: 30px;}
#zujian-m19 .case-list .zujian-m19-item{ position: relative; background: #D80808;text-align: center; font-size: 0; overflow: hidden; width: 20%; display: inline-block; }
#zujian-m19 .case-list .zujian-m19-item img{ max-width: 100%; width: 100%; height: auto; transition: all 0.5s;}
#zujian-m19 .case-list .zujian-m19-item div.al-txt{ transition: all 0.5s; position: absolute; left: 50%; top: 50%; opacity:0;transform: translate(-50%,-50%); color: #D80808;}
#zujian-m19 .case-list .zujian-m19-item div.al-txt h3{ font-size: 1rem;font-weight: 400; }
#zujian-m19 .case-list .zujian-m19-item div.al-txt p{ font-size: 0.875rem;}
#zujian-m19 .case-list .zujian-m19-item:hover img,#zujian-m19 .case-list .zujian-m19-item:active img{ opacity: 0.3;transform: scale(1.2,1.2);}
#zujian-m19 .case-list .zujian-m19-item:hover div.al-txt,#zujian-m19 .case-list .zujian-m19-item:active div.al-txt{ opacity: 1; color: #fff;}

 #zujian-m19 .product-hot  .case-list .zujian-m19-item{ width: 100%;}  
  
@media only screen and (max-width: 50em) {
	#zujian-m19 .product-hot  .case-list .zujian-m19-item{ width: 50%; float:left; }
	#zujian-m19 .case-list .zujian-m19-item{ width: 50%;}
	#zujian-m19 #owl-demo .zujian-m19-item img{ min-height: 22rem;}

}

@media only screen and (min-width: 30.0625em) and (max-width: 47em) {
	#zujian-m19 #owl-demo .zujian-m19-item img{ min-height: 15rem;}
}

@media only screen and (max-width: 30em) {
	#zujian-m19 .case-list .zujian-m19-item{ width: 100%;}
	#zujian-m19 #owl-demo .zujian-m19-item img{ min-height: 10rem;}
}